<template>
  <scroller class="scroller">
    <div class="userQrcode">
      <image class="userQrcode_img" src="../src/assets/img/4.jpg" ></image>
      <div class="userQrcode_info">
        <div class="userQrcode_info_cont">
          <text class="userQrcode_info_text">长按图片点击收藏，再把图片分享给你的好友，好友消费后，你就有消费额５０％的“分享奖”。</text>
          <button class="userQrcode_info_btn" @click="testThis">
            <text class="userQrcode_info_btnText">确定</text>
          </button>
        </div>
      </div>
    </div>
  </scroller>
</template>
<style>
  .sroller{}
  .userQrcode{position: relative;width: 750px;align-items: center;justify-content: center;}
  .userQrcode_img{width: 750px;height: 2442px;}
  .userQrcode_info{align-items: center;justify-content: center;position: fixed;top: 0px;width: 750px;height: 1181px;background-color: rgba(0,0,0,0.5);}
  .userQrcode_info_cont{align-items: center;justify-content: center;position: absolute;top: 400px;left:75px;background-color: #fff;width: 600px;height: 300px;border-radius: 10px;}
  .userQrcode_info_text{color: #000;width: 500px;}
  .userQrcode_info_btn{background-color: #DC7009;width: 140px;height: 55px;align-items: center;justify-content: center;margin-top: 40px;border-radius: 5px;}
  .userQrcode_info_btnText{color:#fff;}
</style>
<script>
  module.exports = {
    data: {},
    methods: {
      // hideThis (event){
      //   console.log(event);
      //   console.log('onclick:',event.target.innerText)
      // },
      testThis (e) {
        console.log('click',e);
        console.log('click:',e.fromElement.innerText);
        console.log(1);
      }
    },

    init: function () {
      console.log('在初始化内部变量，并且添加了事件功能后被触发');
    },
    created: function () {
      console.log('完成数据绑定之后，模板编译之前被触发');
    },
    ready: function () {
      console.log('模板已经编译并且生成了 Virtual DOM 之后被触发');
    },
    destroyed: function () {
      console.log('在页面被销毁时调用');
    }
  }
</script>